<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /* 
        1.什么函数才是回调函数？
            -你定义的
            -你没有调用
            -但是最终它执行了

        2.常见的回调函数有哪些？
            -dom事件回调函数
            -定时器回调哈桑农户
            -ajax请求回调函数
            -生命周期回调函数
        */
       window.onload=function(){
        var btn01= document.getElementById('btn01').onclick=function(){//dom事件回调函数
        alert(this.innerHTML);
       };
       //定时器
       //超时定时器
       //循环定时器
       setTimeout(function(){//定时器回调函数
           alert('到点了');
       },2000)
       }

      
    </script>
</head>
<body>
<button id="btn01">你点我干嘛?</button>
    
</body>
</html>